var current = 0;
// $("#ul img").css("width", 260);
// $("#ul img").css("height", 200);
// $("li").css("list-style", "none");
var timer = setInterval("next()",3000);
// 得到照片和点的数组
var photo = $("#ul li");
var point = $("i");

function next() {
    // 当前图片隐藏
    photo.eq(current).hide();
    // 通过class清空样式 并且添加新样式
    point.eq(current).removeClass();
    point.eq(current).addClass("none");
    // 得到当前的位置
    current = (current+1) % photo.length;
    // 当前位置照片显示
    photo.eq(current).fadeIn();
    // 更新点样式
    point.eq(current).removeClass();
    point.eq(current).addClass("active");
}


function click1(e){
    // 获取当前事件对象
    var event = e || window.event;
    var eventObj = event.srcElement?event.srcElement:event.target;

    clearInterval(timer);
    // 当前图片隐藏
    photo.eq(current).hide();
    point.eq(current).removeClass();
    point.eq(current).addClass("none");

    current = (eventObj.innerHTML-1) % photo.length;
    // current = ($(this).index() ) % photo.length;
    //alert(current);
    photo.eq(current).fadeIn();
    point.eq(current).removeClass();
    point.eq(current).addClass("active");

    timer = setInterval("next()",3000);
}

//原语句
// <!--        <script>-->
// <!--            var current = 0;-->
// <!--            function next() {-->
// <!--                var photo = $("#ul li");-->
// <!--                var point = $("i");-->
// <!--                photo.eq(current).hide();-->
// <!--                point.eq(current).removeClass();-->
// <!--                point.eq(current).addClass("none");-->
// <!--                current = (current+1) % photo.length;-->
// <!--                photo.eq(current).fadeIn();-->
// <!--                point.eq(current).removeClass();-->
// <!--                point.eq(current).addClass("active");-->
// <!--            }-->
// <!--            $(document).ready(function(){-->
// <!--            $("#ul img").css("width", 260);-->
// <!--            $("#ul img").css("height", 200);-->
// <!--            $("li").css("list-style", "none");-->
// <!--            timer = setInterval("next()",3000);-->
// <!--            });-->
// <!--        </script>-->
// <!--        <script>-->
// <!--            var photo = $("#ul li");-->
// <!--            var point = $("i");-->
// <!--            point.click(function(){-->
// <!--                clearInterval(timer);-->
// <!--                photo.eq(current).hide();-->
// <!--                point.eq(current).removeClass();-->
// <!--                point.eq(current).addClass("none");-->
// <!--                current = ($(this).index() + photo.length) % photo.length;-->
// <!--                photo.eq(current).fadeIn();-->
// <!--                point.eq(current).removeClass();-->
// <!--                point.eq(current).addClass("active");-->
// <!--                timer = setInterval("next()",3000);-->
// <!--            });-->
// <!--        </script>-->